
<!DOCTYPE HTML>

<div class="content-main">
		<div class="widget widget-nopad">

			 <div class="content-header">
    <div class="header-inner">
      <h2 class="js-timeline-title">Activity Feed</h2>
    </div>
  </div>
			<!-- /widget-header -->
			<div ng-controller="dashboardCtrl">
						<div class="stream-container " >
    					<div class="stream home-stream">
      					<ol class="stream-items" id="stream-items-id">  	
						
						<li class="js-stream-item stream-item stream-item expanding-stream-item" ng-repeat="message in messages" id="msg{{message.id}}">	
							<div ng-switch on="message.messageType">
								
								<div width="100%" ng-switch-when="CHAT" >
									
      	<div class="tweet original-tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable js-original-tweet  has-cards with-social-proof" >

    
    <span class="icon dogear"></span>
    
    <div class="content">
      <div class="stream-item-header">
        <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="#/user/{{message.fromUser.id}}" data-user-id="972651">
    <img class="avatar js-action-profile-avatar" src="{{message.fromUser.imagePath}}" alt="{{message.fromUser.name}}">
    <strong class="fullname js-action-profile-name show-popup-with-id">{{message.fromUser.name}}</strong>
		</a>
      <small class="time"><a href="/mashable/status/335993219051581440" class="tweet-timestamp js-permalink js-nav" title="10:40 PM - 18 May 13"><span class="_timestamp js-short-timestamp js-relative-timestamp" data-time="1368942000" data-long-form="true"></span></a>{{message.prettyDate}}</small>
      </div>
      <p class="js-tweet-text tweet-text">{{message.message}}</p>
      <div class="stream-item-footer">
        
<div class="context"></div>

<div ng-switch on="message.state">
								
<div ng-switch-when=1 >
<a class="details with-icn js-details" ng-click="replyMessage($index)">
  <span class="details-icon js-icon-container">
      <img src="resources/img/chat.gif"></i>
  </span>
  <b>
    <span class="expand-stream-item js-view-details">
      Reply
    </span>
  </b>
</a>
</div>
<div ng-switch-when=2>
<div class="home-tweet-box tweet-box component tweet-user" >
	<form class="tweet-form condensed" method="post" target="tweet-post-iframe" ui-keypress="{13:'sendMessage($event, $index)'}"  enctype="multipart/form-data">
		<input type="text" ng-model="newMsg.value" placeholder="Send message...">
	</form>
</div>
</div>
</div>

      </div>
      
      <div class="expanded-content js-tweet-details-dropdown">
     
</div>
    </div>
  </div>
      	
      </div>
								
								<div width="100%" ng-switch-when="SESSIONREQUEST" >
								
								
								
								
								
								      	<div class="tweet original-tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable js-original-tweet  has-cards with-social-proof" >

    
    <span class="icon dogear"></span>
    
    <div class="content">
      <div class="stream-item-header">
        <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="#/user/{{message.fromUser.id}}" data-user-id="972651">
    <img class="avatar js-action-profile-avatar" src="{{message.fromUser.imagePath}}" alt="{{message.fromUser.name}}">
    <strong class="fullname js-action-profile-name show-popup-with-id">{{message.fromUser.name}}</strong>
		</a>
		
      <small class="time"><a href="/mashable/status/335993219051581440" class="tweet-timestamp js-permalink js-nav" title="10:40 PM - 18 May 13"><span class="_timestamp js-short-timestamp js-relative-timestamp" data-time="1368942000" data-long-form="true"></span></a>
      <div class="scheduledate">
  <span class="scheduleday">{{message.startDate}}</span>
  <span class="schedulemonth">{{message.startMonth}}</span>
  <span class="scheduleyear">{{message.startHour}}</span>
</div>
      </small>
      </div>
      <p class="js-tweet-text tweet-text">{{message.message}} 
      
     </p>
      <div class="stream-item-footer">
        
<div class="context"></div>
		<a class="details with-icn js-details" ng-click="acceptMessageCounselRequest($index);" >
  <span class="details-icon js-icon-container">
      <img src="resources/img/accept.png">

  </span>
  <b>
    <span class="expand-stream-item js-view-details">
      Accept
    </span>
  </b>
</a>
		
		<a class="details with-icn js-details" ng-click="rejectMessageCounselRequest($index);">
  <span class="details-icon js-icon-container">
      <img src="resources/img/reject.png">

  </span>
  <b>
    <span class="expand-stream-item js-view-details">
      Reject
    </span>
  </b>
</a>
		

      </div>
      <div class="expanded-content js-tweet-details-dropdown">
</div>
    </div>
  </div>
      	
      </div>
      								
								<div width="100%" ng-switch-when="INFO">
								<div class="tweet original-tweet js-stream-tweet js-actionable-tweet js-profile-popup-actionable js-original-tweet  has-cards with-social-proof" >

    
    <span class="icon dogear"></span>
    
    <div class="content">
      <div class="stream-item-header">
        <a class="account-group js-account-group js-action-profile js-user-profile-link js-nav" href="#/user/{{message.fromUser.id}}" data-user-id="972651">
    <img class="avatar js-action-profile-avatar" src="{{message.fromUser.imagePath}}" alt="{{message.fromUser.name}}">
    <strong class="fullname js-action-profile-name show-popup-with-id">{{message.fromUser.name}}</strong>
		</a>
      <small class="time"><a href="/mashable/status/335993219051581440" class="tweet-timestamp js-permalink js-nav" title="10:40 PM - 18 May 13"><span class="_timestamp js-short-timestamp js-relative-timestamp" data-time="1368942000" data-long-form="true"></span></a></small>
      </div>
      <p class="js-tweet-text tweet-text">{{message.message}}</p>
      </div>
      </div>
      </div>
								</div>
								<span ng-switch-default>default</span>
							</div>
							</li>
							
						</ol>
						</div>
					</div>
			</div>
			<!-- /widget-content -->
		</div>
